@-webkit-keyframes intCard__contentTop { 0% { right: 20px; opacity: 0; }
  100% { right: 0px; opacity: 1; } }
@keyframes intCard__contentTop { 0% { right: 20px; opacity: 0; }
  100% { right: 0px; opacity: 1; } }
.intCard { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 80px 0; }
.intCard .wrapper { width: 1450px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
@media screen and (max-width: 1470px) { .intCard .wrapper { width: 100%; padding: 0 30px; } }
.intCard .wrapper h2 { color: #333333; font-size: 65px; width: 70%; }
@media screen and (max-width: 1025px) { .intCard .wrapper h2 { width: 100%; font-size: 36px; } }
.intCard .wrapper .content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 70px 0 0 0; }
.intCard .wrapper .content .intCard__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; height: 71px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
@media screen and (max-width: 720px) { .intCard .wrapper .content .intCard__buttons { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; height: auto; } }
.intCard .wrapper .content .intCard__buttons .intCard__button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; cursor: pointer; border: 3px solid white; border-radius: 15px 15px 0 0; padding: 16px 0; }
@media screen and (max-width: 768px) { .intCard .wrapper .content .intCard__buttons .intCard__button { padding: 16px 15px; } }
@media screen and (max-width: 720px) { .intCard .wrapper .content .intCard__buttons .intCard__button { width: 50%; padding: 21px 15px; border-radius: 15px; } }
@media screen and (max-width: 510px) { .intCard .wrapper .content .intCard__buttons .intCard__button { width: 100%; } }
.intCard .wrapper .content .intCard__buttons .intCard__button h3 { text-align: center; width: 100%; color: #72b0c5; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; font-weight: 700; }
.intCard .wrapper .content .intCard__buttons .intCard__button:hover h3 { opacity: 0.6; }
.intCard .wrapper .content .intCard__buttons .intCard__button.active { background-color: #dcebf0; padding: 21px 0; border: 3px solid #dcebf0; cursor: default; }
.intCard .wrapper .content .intCard__buttons .intCard__button.active h3 { color: #333333; }
.intCard .wrapper .content .intCard__content.firstActive { border-radius: 0 30px 30px 30px; }
@media screen and (max-width: 720px) { .intCard .wrapper .content .intCard__content.firstActive { border-radius: 30px; } }
.intCard .wrapper .content .intCard__content.lastActive { border-radius: 30px 0 30px 30px; }
@media screen and (max-width: 720px) { .intCard .wrapper .content .intCard__content.lastActive { border-radius: 30px; } }
.intCard .wrapper .content .intCard__content.midActive { border-radius: 30px 30px 30px 30px; }
@media screen and (max-width: 720px) { .intCard .wrapper .content .intCard__content.midActive { border-radius: 30px; } }
.intCard .wrapper .content .intCard__content { border: 3px solid #dcebf0; padding: 50px 70px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
@media screen and (max-width: 1100px) { .intCard .wrapper .content .intCard__content { padding: 30px; } }
@media screen and (max-width: 720px) { .intCard .wrapper .content .intCard__content { margin: 20px 0 0 0; } }
.intCard .wrapper .content .intCard__content .intCard__contentCard { display: none; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; right: 20px; opacity: 0; }
.intCard .wrapper .content .intCard__content .intCard__contentCard.active { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-animation: intCard__contentTop 0.7s ease 1; animation: intCard__contentTop 0.7s ease 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
@media screen and (max-width: 768px) { .intCard .wrapper .content .intCard__content .intCard__contentCard { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } }
.intCard .wrapper .content .intCard__content .intCard__contentCard .intCard__desc { width: 50%; padding: 0 20px 0 0; }
@media screen and (max-width: 1100px) { .intCard .wrapper .content .intCard__content .intCard__contentCard .intCard__desc { width: 100%; padding: 0 30px 0 0; } }
@media screen and (max-width: 768px) { .intCard .wrapper .content .intCard__content .intCard__contentCard .intCard__desc { width: 100%; padding: 0 0 0 0; } }
.intCard .wrapper .content .intCard__content .intCard__contentCard .intCard__desc .intCard__advantages { display: -webkit-box; display: -ms-flexbox; display: flex; }
@media screen and (max-width: 650px) { .intCard .wrapper .content .intCard__content .intCard__contentCard .intCard__desc .intCard__advantages { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }
.intCard .wrapper .content .intCard__content .intCard__contentCard .intCard__desc .intCard__advantages span { border: 2px solid #dcebf0; padding: 10px 20px; color: #333333; display: block; margin: 0 15px 0 0; font-size: 16px; border-radius: 5px; }
@media screen and (max-width: 650px) { .intCard .wrapper .content .intCard__content .intCard__contentCard .intCard__desc .intCard__advantages span { margin: 15px 0 0 0; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } }
@media screen and (max-width: 380px) { .intCard .wrapper .content .intCard__content .intCard__contentCard .intCard__desc .intCard__advantages span { width: -webkit-min-content; width: -moz-min-content; width: min-content; } }
.intCard .wrapper .content .intCard__content .intCard__contentCard .intCard__desc p { margin: 30px 0 0 0; color: #333333; font-size: 16px; }
.intCard .wrapper .content .intCard__content .intCard__contentCard .intCard__desc .open_pop-up { background-color: #ffe183; color: #333333; font-weight: 700; padding: 20px 50px; font-size: 20px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; border-radius: 15px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; margin: 55px 0 0 0; }
@media screen and (max-width: 500px) { .intCard .wrapper .content .intCard__content .intCard__contentCard .intCard__desc .open_pop-up { font-size: 17px; text-align: center; width: 100%; padding: 20px; } }
@media screen and (max-width: 450px) { .intCard .wrapper .content .intCard__content .intCard__contentCard .intCard__desc .open_pop-up { padding: 15px; } }
@media screen and (max-width: 390px) { .intCard .wrapper .content .intCard__content .intCard__contentCard .intCard__desc .open_pop-up { font-size: 16px; } }
.intCard .wrapper .content .intCard__content .intCard__contentCard .intCard__desc .open_pop-up:hover { background-color: #72b0c5; color: white; }
.intCard .wrapper .content .intCard__content .intCard__contentCard .intCard__img { width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; }
@media screen and (max-width: 1100px) { .intCard .wrapper .content .intCard__content .intCard__contentCard .intCard__img { width: auto; } }
@media screen and (max-width: 768px) { .intCard .wrapper .content .intCard__content .intCard__contentCard .intCard__img { width: 100%; margin: 0 0 30px 0; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } }
@media screen and (max-width: 650px) { .intCard .wrapper .content .intCard__content .intCard__contentCard .intCard__img { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }
.intCard .wrapper .content .intCard__content .intCard__contentCard .intCard__img img { -webkit-box-shadow: 0px 20px 36px -16px rgba(0, 0, 0, 0.22); box-shadow: 0px 20px 36px -16px rgba(0, 0, 0, 0.22); max-height: 400px; height: auto; width: unset; margin: 0 20px 0 0; }
@media screen and (max-width: 1100px) { .intCard .wrapper .content .intCard__content .intCard__contentCard .intCard__img img { height: auto; width: 100%; margin: 0; } }
@media screen and (max-width: 768px) { .intCard .wrapper .content .intCard__content .intCard__contentCard .intCard__img img { height: auto; width: auto; } }
@media screen and (max-width: 600px) { .intCard .wrapper .content .intCard__content .intCard__contentCard .intCard__img img { max-height: 400px; max-width: 100%; } }
.intCard .wrapper .content .intCard__content .intCard__contentCard .intCard__img img:last-child { margin: 0; }
@media screen and (max-width: 1100px) { .intCard .wrapper .content .intCard__content .intCard__contentCard .intCard__img img:nth-child(2) { display: none; } }
.intCard .wrapper .content .intCard__content .intCard__contentCard h4 { color: #333333; text-align: start; width: 100%; margin: 0 0 30px 0; font-size: 20px; display: none; }
@media screen and (max-width: 720px) { .intCard .wrapper .content .intCard__content .intCard__contentCard h4 { display: block; } }
@media screen and (max-width: 500px) { .intCard .wrapper .content .intCard__content .intCard__contentCard h4 { text-align: center; } }